<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>箭头函数</title>
</head>
<body>
<p>箭头函数提供了一种更加简洁的函数书写方式。基本语法是：参数 => 函数体.箭头函数多用于**匿名函数**的定义</p>

<script>
    // 定义单参数带返回值的函数
    var fun1 = function (msg) {
        return msg + " world";
    }
    // 调用函数
    var message = fun1("Hello");
    console.log(message);

    // 使用箭头函数的方式 =>
    var fun2 = ff => ff + " world";
    console.log(fun2("Hi"))

    // 多个参数的箭头函数,不能省略()
    // => 箭头左侧表示参数列表，箭头右侧是方法体
    var add = (m, n) => m + n;
    console.log(add(3, 4));
    // 加入模板字串
    console.log(`3+4=${add(3, 4)}`)

</script>
</body>
</html>